<%@ page import="com.cruxconsultores.rh.Empleado" %>

<script>
	$(function() {
		$( "#tabs" ).tabs();
	});
</script>


<div>
    <div class="fieldcontain ${hasErrors(bean: empleadoInstance, field: 'nombre', 'error')} ">
        <label for="nombre">
            <g:message code="candidato.nombre.label" default="Nombre" />
        </label>
        <g:textField placeholder="Nombre" name="nombre" value="${empleadoInstance?.nombre}"/>

        <g:textField placeholder="1er apellido" name="primerApellido" value="${empleadoInstance?.primerApellido}"/>

        <g:textField placeholder="2do Apellido" name="segundoApellido" value="${empleadoInstance?.segundoApellido}"/>

    </div>

    <div class="fieldcontain ${hasErrors(bean: empleadoInstance, field: 'tipoId', 'error')} ">
        <label for="tipoId">
            <g:message code="candidato.tipoId.label" default="Tipo Identificacion" />

        </label>
        <g:select id="tipoId" name="tipoId.id" from="${com.cruxconsultores.rh.TipoId.list()}" optionKey="id" optionValue="nombre" value="${empleadoInstance?.tipoId?.id}" class="many-to-one" noSelection="['null': '']"/>
    </div>
</div>

<div class="fieldcontain ${hasErrors(bean: empleadoInstance, field: 'identificacion', 'error')} ">
    <label for="identificacion">
        <g:message code="candidato.identificacion.label" default="Identificacion" />

    </label>
    <g:textField name="identificacion" value="${empleadoInstance?.identificacion}"/>
</div>

<div class="fieldcontain ${hasErrors(bean: empleadoInstance, field: 'estado', 'error')} required">
    <label for="estado">
        <g:message code="candidato.estado.label" default="Estado" />
        <span class="required-indicator">*</span>
    </label>
    <g:select id="estado" name="estado.id" from="${com.cruxconsultores.rh.Estado.list()}" optionKey="id" optionValue="nombre" required="" value="${empleadoInstance?.estado?.id}" class="many-to-one"/>
</div>
<br/>
<div id="tabs">
	<ul>
		<li><a href="#tab-1"><g:message code="solicitud.infopersonal.tab" default="Información Personal" /></a></li>
		<li><a href="#tab-3"><g:message code="solicitud.formacion.tab" default="Formación Académica" /></a></li>
		<li><a href="#tab-4"><g:message code="solicitud.conocimientos.tab" default="Conocimientos" /></a></li>
		<li><a href="#tab-5"><g:message code="solicitud.entrevista.tab" default="Entrevistas Realizadas" /></a></li>
        <li><a href="#tab-6"><g:message code="solicitud.evaluacion.tab" default="Evaluaciones" /></a></li>
	</ul>
	<div id="tab-1">
        <fieldset class="form">
            <g:render template="basica"/>
        </fieldset>
	</div>
	<div id="tab-3">
        <fieldset class="form">
            <g:render template="formacion"/>
        </fieldset>
	</div>
	<div id="tab-4">

	</div>
	<div id="tab-5">

	</div>

    <div id="tab-6">

    </div>
</div>













